<!DOCTYPE html>
<html class="html0">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<meta name="baidu-site-verification" content="3QBOM6fHQ0" />
		<title>gjTool的个人网站 - www.gjtool.cn</title>
		<meta name="keywords" content="gjTool,gjtool.cn,www.gjtool.cn,gjTool.js" />
		<meta name="description" content="gjTool的个人网站www.gjtool.cn、精简个人js类库gjtool.js的发布站" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<script type="text/javascript">
			if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
				window.location.href = "wap.html";
			} 
		</script>
		<link href="images/github.png" type="image/x-icon" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />

		<script type="text/javascript" src="js/lib/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/lib/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/lib/jquery.fullpage.min.js"></script>
		<script type="text/javascript" src="js/lib/jquery.artdialog.js"></script>
		<script type="text/javascript" src="js/lib/artdialog.iframe.js"></script>
		<link rel="stylesheet" type="text/css" href="js/lib/skins/default.css" />

		<!--[if lte IE 8]>
		<script type="text/javascript" src="js/respond.min.js"></script>
		<script type="text/javascript" src="js/html5shiv.min.js"></script>
		<![endif]-->

		<script type="text/javascript" src="js/index.js"></script>
	</head>

	<body>
		<!--导航-->
		<div class="menu" id="menu">
			<div class="container_1000 m_center cf">
				<h1 class="logo">
	            	<a href="https://github.com/gjTool" target="_blank" title="https://github.com/gjTool"></a>
	            </h1>
				<ul class="nav">
					<li data-menuanchor="page1" class="active">
						<a href="#page1">简介</a>
					</li>
					<li data-menuanchor="page2">
						<a href="#page2">技能</a>
					</li>
					<li data-menuanchor="page3">
						<a href="#page3">案例</a>
					</li>
					<li data-menuanchor="page4">
						<a href="#page4">联系方式</a>
					</li>
				</ul>
			</div>
		</div>

		<div id="js_fullpage">

			<!--个人简介-->
			<div class="section">
				<div class="container container_1000 m_center align_center jingli-con">
					<p class="mb20 jingli">
						<span class="head">
                        <span class="zz"></span>
						<span class="border"></span>
						<img src="images/head.jpg" width="169" height="169" />
						</span>
					</p>
					<p class="p_info mb20">
						<span class="p_name">gjTool</span>
						<br />
						<span class="p_zhiwei">前端开发工程师</span>
					</p>
					<p>
						<span class="zhishi zhishi_1"></span>
					</p>
					<p>
						<span class="zhishi zhishi_2"></span>
					</p>
					<p class="mb10">
						<span class="zhishi zhishi_3"></span>
					</p>

					<p class="mb30 h36">
						<span class="title_1">工作经历</span>
					</p>
					<div class="wrap_time m_center cf">
						<span class="time_start"></span><span class="time_end"></span>
						<div class="jingli time_1">
							<p class="jingli_time h30">2018-04 — 至今</p>
							<p class="jingli_info h30">武汉信息技术有限公司 &nbsp;&nbsp;开发工程师</p>
						</div>
						<div class="jingli time_2">
							<p class="jingli_time h30">2017-05 — 2018-03</p>
							<p class="jingli_info h30">武汉慧擎科技有限公司 &nbsp;&nbsp;web前端工程师/web三维GIS工程师</p>
						</div>
						<div class="jingli time_3">
							<p class="jingli_time h30">2014-03 — 2017-05</p>
							<p class="jingli_info h30">杭州一凡科技有限公司 &nbsp;&nbsp;web前端工程师</p>
						</div>
					</div>
				</div>
			</div>

			<!--个人技能-->
			<div class="section bg_fff m_center align_center">
				<p class="mb30 jineng">
					<span class="img_bg title_jn"></span>
				</p>
				<p>
					<span class="zhishi zhishi_1"></span>
				</p>
				<p>
					<span class="zhishi zhishi_2"></span>
				</p>
				<p class="mb20">
					<span class="zhishi zhishi_3"></span>
				</p>
				<div class="list_icon">
					<p class="icon_cell icon_cell_1">
						<span class="icon_ico img_bg"></span>
						<span class="icon_txt img_bg">HTML</span>
					</p>
					<p class="icon_cell icon_cell_2">
						<span class="icon_ico img_bg"></span>
						<span class="icon_txt img_bg">CSS3</span>
					</p>
					<p class="icon_cell icon_cell_3">
						<span class="icon_ico img_bg"></span>
						<span class="icon_txt img_bg">JavaScript</span>
					</p>
					<p class="icon_cell icon_cell_4">
						<span class="icon_ico img_bg"></span>
						<span class="icon_txt img_bg">JQuery</span>
					</p>
					<div class="txt_intro">
						<p>PC web端、移动端 HTML5、后端 node.js，样样都来，当然离大神还差很远</p>
						<p>情怀敲代码，有代码洁癖，所以我的代码结构是干净整洁规范的</p>
						<p>跨浏览器兼容，响应式布局，屏幕自适应，css预编译，gulp、webpack、requirejs模块化开发</p>
						<p>用过angular1.x、vue2.0、react等主流前端框架，熟悉MVVM模式，喜欢钻研前端高新技术</p>
						<p>能熟练使用JavaScript原生代码进行编程，熟悉面向对象编程，并完成了一个精简js类库 gjTool.js</p>
						<p>
							gjTool.js地址：
							<a href="https://github.com/gjTool/gjTool" title="https://github.com/gjTool/gjTool" target="_blank">https://github.com/gjTool/gjTool</a>
							&nbsp;&nbsp;gjToolAPI地址：
							<a href="http://www.gjtool.cn/gjToolAPI" title="http://www.gjtool.cn/gjToolAPI" target="_blank">http://www.gjtool.cn/gjToolAPI</a>
						</p>
					</div>
				</div>
			</div>

			<!--案例-->
			<div class="section m_center align_center case">
				<p class="mb30 h36">
					<span class="title_1">案例</span>
				</p>
				<p>
					<span class="zhishi zhishi_1"></span>
				</p>
				<p>
					<span class="zhishi zhishi_2"></span>
				</p>
				<p class="mb20">
					<span class="zhishi zhishi_3"></span>
				</p>
				<div class="container container_1000 m_center cf">
					<div class="container_case">
						<div class="container wrap_case cf" id="js_wrap_case">
							<ul class="list_case focus">

							</ul>
							<ul class="list_case">

							</ul>
							<ul class="list_case">

							</ul>
							<ul class="list_case">

							</ul>
						</div>
						<div class="bannerLeft"></div>
						<div class="bannerRight"></div>
					</div>
					<div class="tips h24 " id="js_tips">
						<div class="tips-con">
							<span class="focus"></span>
							<span></span>
							<span></span>
							<span></span>
						</div>
					</div>
				</div>
			</div>

			<!--联系方式-->
			<div class="section align_center yue">
				<p class="mb30">
					<span class="img_bg2 title_jn title_yue">
						联系方式
					</span>
				</p>
				<p>
					<span class="zhishi zhishi_1"></span>
				</p>
				<p>
					<span class="zhishi zhishi_2"></span>
				</p>
				<p class="mb20">
					<span class="zhishi zhishi_3"></span>
				</p>

				<p class="yue">
					<a target="_self" href="mailto:861366490@qq.com"  class="yue_info yue_2"><i  class="icon"></i><i class="text">:&nbsp;861366490@qq.com</i></a>
				</p>
				<p class="yue">
					<a target="_self" href="tencent://message/?uin=861366490&Site=gjtool.cn&Menu=yes" class="yue_info yue_3"><i class="icon"></i><i class="text">:&nbsp;861366490<span>&nbsp;&nbsp;（点击开始联系）</span></i></a>
				</p>
			</div>
		</div>

		<!--右侧导航-->
		<div id="fullPage-nav" class="right" style="color: rgb(0, 0, 0); margin-top: -43.5px;">
			<ul>
				<li data-tooltip="">
					<a href="#page1" class="active"><span></span></a>
				</li>
				<li data-tooltip="">
					<a href="#page2" class=""><span></span></a>
				</li>
				<li data-tooltip="">
					<a href="#page3" class=""><span></span></a>
				</li>
				<li data-tooltip="">
					<a href="#page4" class=""><span></span></a>
				</li>
			</ul>
		</div>
		<!--[if lte IE 8]>
		<script type="text/javascript" src="js/rem.min.js"></script>
		<![endif]-->
	</body>

</html>